<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>回访记录列表</title>
    <script src="/js/global.js"></script>
    <link rel="stylesheet" href="/css/font.css" type="text/css"/>
    <link rel="stylesheet" href="/css/layui.css" type="text/css"/>
    <link rel="stylesheet" href="/css/xadmin.css" type="text/css"/>
    <script type="text/javascript" src="/js/layui.js" ></script>
    <script type="text/javascript" src="/js/xadmin.js" ></script>
    <script type="text/javascript" src="/js/jquery-3.5.1.min.js" ></script>
</head>
<body>
<!-- 条件查询 -->
<div class="layui-form-item" style="margin-top: 20px;" onsubmit="false">
    <div class="layui-form-item">

        <label class="layui-form-label">用户名称</label>
        <div class="layui-input-inline" style="width: 200px;">
            <input type="text" name="realname" id="realname" placeholder="用户名称" class="layui-input">
        </div>

        <label class="layui-form-label">宠物名称</label>
        <div class="layui-input-inline" style="width: 200px;">
            <input type="text" name="name" id="name" placeholder="宠物名称" class="layui-input">
        </div>

        <button class="layui-btn" id="search" data-type="reload">查询</button>

    </div>
</div>

<!-- 表格 -->
<table id="test" class="layui-hide" lay-filter="test"></table>

<script>
    layui.use(['layer', 'table', 'form', 'transfer', 'util', 'laydate'], function() {
        var table = layui.table;
        var $ = layui.jquery;
        var form = layui.form;
        var transfer = layui.transfer;
        var util = layui.util;
        var laydate = layui.laydate;

        //初始化表格数据
        table.render({
            elem: '#test',
            url: '../follow/findAll',
            method: "get",
            title: '回访记录列表',
            page : true,
            id: 'testReload',
            //修改响应数据
            parseData: function(res) {
                return {
                    "code": 0, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.data.count, //解析数据长度
                    "data": res.data.data //解析数据列表
                };
            },
            cols: [
                [{
                    field: 'followid',
                    title: 'ID',
                    align: 'center',
                    hide: true
                },
                    {
                        field: 'realname',
                        title: '用户名称',
                        align: 'center'
                    },     {
                    field: 'name',
                    title: '宠物名称',
                    align: 'center'
                },   {
                        field: 'time',
                        title: '回访时间',
                        align: 'center',
                        templet: function (d) {
                            return d.time.substring(0, 10);
                        }
                    },  {
                    field: 'feedback',
                    title: '反馈内容',
                    align: 'center'
                }
                ]
            ]
        });

        //模糊查询
        $('#search').on('click', function() {
            table.reload('testReload', {
                where: {
                    'realname': $("#realname").val(),
                    'name': $("#name").val(),
                }
            });
        });


    });
</script>
</body>
</html>
